<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <h:head>
        <title>::Sistema de Registro de Fallas::</title>
        <link href="/sisref_ui/faces/stylesheet/default.css" type="text/css" rel="stylesheet" />
    </h:head>
    <h:body>
        <div id="body">
            <div id="logo_transc">
                <p:graphicImage id="img_transc" value="/images/logo_login.png" />
                <p id="titulo_sistema">Sistema de Registro de Fallas</p>
                <p id="sub_titulo_sistema" class="label">Bienvenido al Sistema de Registro de Fallas (SISREF 0.1). Por favor ingrese su Usuario y Contraseña para ingresar al sistema.</p>
                <h:form id="frmLogin">
                    <div id="controls_form">
                        <h:panelGrid columns="1" id="controls" styleClass="tabla_login">
                            <p:messages id="msgErrorLogin" closable="true"/>
                            <p:inputText id="txtUsuario" required="true" 
                                         title="#{component.valid ? '' : login.ldto.usuarioRequerido}" styleClass="input_login"
                                         value="#{login.ldto.usuario}" requiredMessage="#{login.ldto.usuarioRequerido}"/>
                            <p:watermark for="txtUsuario" value="Usuario"/>
                            <p:spacer width="10" height="10" style="border: none;height: 10px;"/>
                            <p:password id="txtContrasena" required="true" title="#{component.valid ? '' : login.ldto.contrasenaRequerida}" 
                                        styleClass="input_login" requiredMessage="#{login.ldto.contrasenaRequerida}"
                                        value="#{login.ldto.clave}"/>
                            <p:watermark for="txtContrasena" value="Contraseña"/>
                        </h:panelGrid>
                        <div id="cookies">
                            <p:selectBooleanCheckbox />
                            <h:outputLabel value=" Recordarme en este equipo" styleClass="label"/>
                            <h:outputLabel value=" | " styleClass="label"/>
                            <p:commandLink value="Olvidé mi contraseña" />
                        </div>
                        <p:commandButton value="Ingresar"  id="btnLogin"  update="controls" styleClass="button_login" ajax="true" action="#{login.isUsuario}"/>
                        <div id="copyright" class="label">
                            <h:outputLabel value="Copyright © 2014 Transcontinental S.A.C. Todos los Derechos reservados." styleClass="text_label" />
                        </div>
                    </div>
                    <pe:tooltip global="true"  myPosition="left center" atPosition="right center" for="@(.ui-state-error)" />
                </h:form>
            </div>
        </div>
        <p:ajaxStatus onstart="PF('statusDialog').show();" onsuccess="PF('statusDialog').hide();"/> 
        <p:dialog modal="true" widgetVar="statusDialog" header="Autenticando usuario"   
                  draggable="false" closable="false">  
            <p:graphicImage value="/images/bar_loading.gif" />  
        </p:dialog>
    </h:body>
</html>